<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>云茗茶城-茶具商城</title>

<link rel="stylesheet" href="css/teashoplist.css" />
<link rel="stylesheet" href="css/reset.css" />

</head>
<body>
	<div id="header">
		<div class="top_con clearfix">
			<div class="top">
				<div class="top_con clearfix">
					<div class="logo fl"></div>
					<div class="nav fl">
						<div class="nav-im fl"></div>
						<ul class="fl">
							<li><a href="index.jsp">茶坊首页</a></li>
							<li><a href="culture.jsp">品德文化</a></li>
							<li><a href="showtealist.jsp">茶品展示</a></li>
							<li><a href="newsCentre.jsp">新闻中心</a></li>
							<li><a href="#">营销服务</a></li>
							<li><a href="#">招商联盟</a></li>
							<li><a href="contactus.jsp">联系我们</a></li>
							<li><a href="teashoplist.jsp">茶具商店</a></li>
						</ul>
					</div>
			 <div class="login fr">
                <c:if test="${ !empty (User)}">
                	<p class="p2">欢迎${User.passname }!</p>
                </c:if>
                <c:if test="${empty User }">
                <a href="myinfo.jsp"><img src="images/kandc/login.png" alt="" /></a>
                <p class="p1" ><a id="Login_start_" href="<%=request.getContextPath()%>/login1.jsp">登录</a>·<a id="Regist_start_" href="<%=request.getContextPath()%>/login2.jsp" >注册</a></p>
                <p class="p2">中/En</p>
                </c:if>
            </div>
        </div>
					<div class="fll">
						<p>茶具商店</p>
						<br /> <b>Tea Shops</b>
					</div>
				</div>
			</div>

		</div>
	

		<div id="main">
			<div class="toptop">
				<p>
					当前位置><a href="#">茶具商店</a>
				</p>
			</div>
			<hr />
			<div class="cs">
				<a href="#" class="cw"><img src="images/img/q1.PNG"></a> <a
					href="teashoplist.jsp" class="cw"><img src="images/img/q2.PNG"></a>
			</div>
			<div class="top_a">
				<div class="left fl">
					<div class="a1 fl">
						<a href="#"><img src="images/img/a.PNG" /></a>
					</div>
					<figure class="pic a2 fl"> <a href="#"><img
						src="images/img/top2.PNG" /></a> <figcaption>
					<p>红英陶瓷套装</p>
					</figcaption> </figure>

					<figure class="pic a4 fl"> <a href="#"><img
						src="images/img/top4.PNG" /></a> <figcaption>
					<p>简约家用陶瓷套装</p>
					</figcaption> </figure>
					</figure>
					<figure class="pic a5 fl"> <a href="#"><img
						src="images/img/top5.PNG" /></a> <figcaption>
					<p>黑陶瓷功夫茶具</p>
					</figcaption> </figure>
				</div>
				<div class="right fl">
					<figure class="pic a3"> <a href="#"><img
						src="images/img/top3.PNG" /></a> <figcaption>
					<p>镇店之宝&nbsp;&nbsp;&nbsp;&nbsp;功夫茶具&nbsp;&nbsp;&nbsp;月销1130件</p>
					</figcaption> </figure>
				</div>
			</div>


			<div class="top_b">
				<form>
					<input type="text" class="text" id="searth" name="text"
						placeholder="你的最爱" /> <input type="image" class="button"
						src="images/img/z.PNG" />
				</form>

				<ul>
					<li><span>品牌：</span></li>
					<li><a href="#">澜杨</a></li>
					<li><a href="#">豹霖</a></li>
					<li><a href="#">美阁</a></li>
					<li><a href="#">聚森</a></li>
					<li><a href="#">唐丰</a></li>
					<li><a href="#">豪封</a></li>
					<li><a href="#">旧望阁</a></li>
					<li><a href="#">瓷神</a></li>
					<li><a href="#">尚言坊</a></li>
				</ul>
				<ul>
					<li><span>品牌：</span></li>
					<li><a href="#">澜杨</a></li>
					<li><a href="#">豹霖</a></li>
					<li><a href="#">美阁</a></li>
					<li><a href="#">聚森</a></li>
					<li><a href="#">唐丰</a></li>
					<li><a href="#">豪封</a></li>
					<li><a href="#">旧望阁</a></li>
					<li><a href="#">瓷神</a></li>
					<li><a href="#">尚言坊</a></li>
				</ul>
				<ul>
					<li><span>品牌：</span></li>
					<li><a href="#">澜杨</a></li>
					<li><a href="#">豹霖</a></li>
					<li><a href="#">美阁</a></li>
					<li><a href="#">聚森</a></li>
					<li><a href="#">唐丰</a></li>
					<li><a href="#">豪封</a></li>
					<li><a href="#">旧望阁</a></li>
					<li><a href="#">瓷神</a></li>
					<li><a href="#">尚言坊</a></li>
				</ul>
				<div class="clearfix"></div>
			</div>

			<div class="top_c">
				<c:forEach var="tea" items="${paget.list}">
				<div class="c_12 cc">
					<a href="TeaServlet?opt=teadetial&teaid=${tea.id }">
					<img src="${tea.pic1 }" /><br />
					</a>
					<b>
					<a href="TeaServlet?opt=teadetial&teaid=${tea.id }">${tea.name }
					</a></b>
					<br />${tea.price} 元
				</div>
				</c:forEach>
			</div>
			 <div class="clearfix"></div>
		</div>
	<%@include file="common/footer.jsp"%>
</body>
<style type="text/css">
	#footer #footer2 img{margin-left:-98px}
</style>
</html>